<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" type="text/css" media="screen" href="./styles/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="./styles/login.css">
</head>
<body>
    <div class="container">
        <!-- logo -->
        <div class="logo"></div>

        <!-- 登录方式 -->
        <div class="nav-tab">
            <ul>
                <li><a class="login-method01" style="color: #e8380d" href="#">努比亚账号登录</a></li>
                <li>|</li>
                <li><a class="login-method02" href="#">手机验证码登录</a></li>
            </ul>
        </div>

        <!-- 表单 -->
        <div class="form-wrapper">
            <div class="form1">
                <input class="input-text" type="text" placeholder="邮箱/手机号码/用户名" /><span class="input-text-desc">请填写信息！</span>
                <input class="input-password" type="password" placeholder="密码为6-16个字符（数字、字母、符号至少包含两种）" />
            </div>
            <div class="form2" style="display: none">
                <input class="input-text" type="text" placeholder="手机号码" /><span class="input-text-desc">请填写信息！</span>
                <input class="input-cptcha" type="password" placeholder="请输入验证码（不区分大小写）" />
                <div class="input-img">
                    <img src="https://account.nubia.com/verification/draw.action?0.6744086749825906" />
                </div> 
                <span class="input-cptcha-desc2">请填写信息！</span> 
                <input class="input-phone" type="password" placeholder="请输入手机验证码" />
                <button type="submit">获取验证码</button><span class="input-phone-desc3">验证码不能为空！</span>    
            </div>
            
            <button type="submit">立即登录</button>
            <ul>
                <li><a href="./register.html" style="color: #e8380d">注册新账号</a></li>
                <li>|</li>
                <li><a href="#">忘记密码?</a></li>
            </ul>
            <div class="others">
                <span class="others-desc">其它方式登录：</span>
                <span class="imgs-wrapper">
                    <span><a href="#"></a></span>
                    <span><a href="#"></a></span>
                    <span><a href="#"></a></span>
                    <span><a href="#"></a></span>
                </span>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="footer-info">
            <span>2012-2018 努比亚 版权所有</span>
            <span><a href="#">粤ICP备10006213号-2</a></span>
            <span>ICP经营许可证编号：粤B2-20120688深圳市市场监督管理局企业主体身份公示 努比亚技术有限公司</span>
        </div>
    </div>

    <script src="js/myTools.js"></script>
    <script src="js/login.js"></script>
</body>
</html>